/*
*   店员工具
* */
import React,{Component} from 'react';
import Util from '../common/util'
import ShopDeliverOrder from './shop/shopDeliverOrder';//门店发货订单
import AiRadar from './userRadar/myRadar';//Ai雷达
import Toast from '../common/ToastUtil';
import {
    View,
    Text,
    Image,
    TouchableOpacity,
    Animated,
    StyleSheet
} from 'react-native';
export default class clerkTool extends Component{
    // 构造
      constructor(props) {
        super(props);
        // 初始状态
        this.state = {};
      }


      linkJump(component){
          this.props.navigator.push({
              component:component,
              passProps:{
                  user_id:this.props.user_id
              }
          })
      }

      render(){
          return(
              <View style={{marginTop:10,backgroundColor:"#fff"}}>
                  <View style={styles.header_view}>
                      <Image
                          source={require('../imgs/center_icon18.png')}
                          style={{width:20,height:25,marginRight:5}}
                          resizeMode={'cover'}
                      />
                      <Text style={{fontSize:14,color:"#333"}}>店员工具</Text>
                  </View>
                  <View style={styles.four_view}>
                      <TouchableOpacity onPress={()=>this.linkJump(AiRadar)} style={styles.manager_item}>
                          <Image
                              source={require('../imgs/center_icon23.png')}
                              style={{width:20,height:20,marginBottom:5}}
                              resizeMode={'cover'}
                          />
                          <Text style={{fontSize:14,color:"#333"}}>雷达信息</Text>
                      </TouchableOpacity>
                      <TouchableOpacity onPress={()=>this.linkJump(ShopDeliverOrder)} style={styles.manager_item}>
                          <Image
                              source={require('../imgs/mp13.png')}
                              style={{width:20,height:20,marginBottom:5}}
                              resizeMode={'cover'}
                          />
                          <Text style={{fontSize:14,color:"#333"}}>门店发货订单</Text>
                      </TouchableOpacity>
                  </View>
              </View>
          )
      }
}
var styles = StyleSheet.create({
    header_view:{
        height:40,
        paddingHorizontal:10,
        borderBottomColor:"#e0e0e0",
        borderBottomWidth:1,
        flexDirection:'row',
        alignItems:'center'
    },
    four_view:{
        flexDirection:'row',
        alignItems:'center',
        flexWrap:'wrap'
    },
    manager_item:{
        alignItems:'center',
        justifyContent:'center',
        width:Util.size.width/4,
        paddingVertical:10
    }
})